Buckle up for a deep dive into web performance optimization with Chrome DevTools! Matthias guides you through the updated Performance panel, showing you how to measure Core Web Vitals (LCP, CLS, INP) and get tailored advice from AI. Along the ride learn about Speculation Rules for near-instant navigation and `scheduler.yield()` to optimize long tasks for fluid UI interactions, transforming your website's speed and responsiveness.
Chapters:
0:00 - Intro
0:46 - Core Web Vitals and live metrics
3:07 - Speculation rules
4:59 - Optimize long tasks
6:27 - Recap
Resources:
DevTools pitstop →
Speculation rules →√
Scheduler yield
Watch more DevTools Tips →
Subscribe to Chrome for Developers →
#ChromeForDevelopers #Chrome
Speaker: Matthias Rohmer
Products Mentioned: Chrome, Chrome DevTools,
|
When you're negotiating your salary for ...
What are recent advances in the field of...
Today Quincy Larson interviews Kunal Kus...
Arrow functions don't have their own 'th...
Learn Git and GitHub from scratch with c...
freeCodeCamp runs right in the browser -...
This is part two of our two episode seri...
See how Gemini 3 writes code and builds ...
Download your free Python Cheat Sheet he...